<header th:fragment="header">

    <nav class="container-xxl navbar navbar-expand-lg navbar-dark hea-navbar bg-primary"
         id="navbar"
         style="background-image: linear-gradient(to right, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);">
        <a class="navbar-brand ps-2" href="#" th:href="@{/}">医院应急应用</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse ps-5" id="collapsibleNavbar">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="/" th:href="@{/}">主页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/register" th:href="@{/register}">费用查询</a>
                </li>
            </ul>
        </div>
    </nav>

</header>